<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="incrementAsync">Increment Async</button>
  </div>
</template>

<script>
import { computed } from 'vue'; // 引入 computed 函数
import { useStore } from 'vuex'; // 引入 useStore 函数

export default {
  setup() {
    const store = useStore(); // 获取 Vuex store 实例
    const count = computed(() => store.state.count); // 将 count state 转换为计算属性

    const incrementAsync = () => {
      store.dispatch('incrementAsync'); // 触发名为 incrementAsync 的 action
    };

    return {
      count,
      incrementAsync
    };
  }
};
</script>